.company-profile{
    width: 100%;
    padding-top: 85px;
    padding-bottom: 50px;
/*    overflow: hidden;*/
    h3{
       font-family: Reg;
       font-size: 40px;
       color: #333333;
       text-align: center; 
    }
    h4{
        font-family: Reg;
        font-size: 18px;
        color: #333333;
        text-align: center;
        margin-bottom: 100px;
    }
    .content{
        width: 1500px;
        margin: 0 auto;
        .left{
            float: left;
            width: 680px;
            padding: 30px;
            h5{
                font-family: Reg;
                font-size: 34px;
                color: #333333;
            }
            p{
                font-family: Reg;
                font-size: 20px;
                color: #666666;
                margin-top: 30px;
            }
        }
        .right{
            float: right;
            img{
                width: 750px;
                height: 450px;
            }
        }
    }
}
.ideal{
    width: 100%;
    padding-top: 110px;
    background: url(../img/about_us_12.png) no-repeat;
    background-size: auto 300px;
    background-position: center;
    div{
        width: 1500px;
        margin: 0 auto;
        height:190px;
        text-align: center;
        img{
            opacity: 0;
            transform: scale(0,0);
            -webkit-transform: scale(0,0);
            transition: transform 1s,opacity 1s;
            -webkit-transition: transform 1s,opacity 1s;
           display: inline-block;
           width: 144px;
           text-align: center;
           height: 166px;
           line-height: 166px;
           background: url(../img/about_us_13.png) no-repeat 0 0;
           margin-left: 135px;
           &:nth-child(1){
               margin-left: 0;
           }
        }
        .pp{
            opacity: 1;
            transform: scale(1,1);
            -webkit-transform: scale(1,1);
        }
    }
}
.corporate-vision{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 65px;
    overflow: hidden;
    h3{
       font-family: Reg;
       font-size: 40px;
       color: #333333;
       text-align: center; 
    }
    h4{
        font-family: Reg;
        font-size: 18px;
        color: #333333;
        text-align: center;
        margin-bottom: 100px;
    }
    .content{
        width: 1500px;
        margin: 0 auto;
        overflow: hidden;
        .left{
            float: left;
            img{
                width: 750px;
                height: 450px;
            }
        }
        .right{
            float: right;
            padding-top: 30px;
            img{
                position: relative;
                width: 570px;
                height: 140px;
                left: 800px;
                transition: left 1s;
                -webkit-transition: left 1s; 
            }
            .p1{
                left: -258px;
            }
            .p2{
                left: -128px;
            }
            .p3{
                left: 0;
            }
        }        
    }
}
@media screen and (max-width: 1500px){
.company-profile{
    min-width: 1200px;
    .content{
        width: 1200px;
        .left{
            padding: 20px;
            h5{
                font-size: 30px;
            }
            p{
                font-size: 16px;
                margin-top: 20px;
            }
        }
        .right{
            img{
                width: 450px;
                height:270px;
            }
        }
    }
}
.ideal{
    min-width: 1200px;
    div{
        width: 1200px;
    }
}
.corporate-vision{
    min-width: 1200px;
    .content{
        width: 1200px;
        .left{
            img{
                width: 600px;
                height: 360px;
            }
        }
        .right{
            img{
                width: 407px;
                height: 100px;
            }
        }
    }
}
}
